<template>
	<view class="page">

		  <view class="bodybox">
		
			  <view class="typetabbox">
			  	<view class="itemtype"  >
			  		全部数据
					<view class="line"></view>
			  	</view>
		
			  </view>
			  <view class="list">
			  	<view class="itemlist" v-for="item in list" :key="item.id">
			  		<view class="left">
			  			 <view class="iconfont icon-shoukuandan">
			  			 	
			  			 </view>
						 <view class="contentbox">
						 	<view class="name">
						 		医生姓名:{{item.hdName}}  用户姓名:{{item.memberName}}
						 	</view>
							<view class="name">
								套餐名称:{{item.packageName}}
							</view>
							
							<view class="time">
								{{item.createTime}}
							</view>
						 </view>
			  		</view>
					<view class="right">
						<view class="money">
							{{item.diPrice}}元
						</view>
						
					</view>
			  	</view>
			  </view>
		  	
		  </view>
	</view>
</template>

<script>
	import {getWaitInAccountDetail} from '../../utils/api.js'
	export default {
		data() {
			return {
				type:'',
				list:[],
				
				
				
			}
		},
		onShow(){
			let p={
				phone:uni.getStorageSync('phone'),
				
			}
			getWaitInAccountDetail(p).then(res=>{
				console.log(res)
				this.list=res.data.data
			})
		},
		methods: {
			
		}
	}
</script>

<style lang="less" scoped>
   .page{
	   width: 750rpx;
	   box-sizing: border-box;
	   
	   
	   .bodybox{
		   width: 100%;
		  
		   margin-top: 20rpx;
		   height: 50vh;
		 
		   box-sizing: border-box;
		  
		   .typetabbox{
			   display: flex;
			   align-items: center;
			   font-size: 28rpx;
			  
			   .itemtype{
				   width: 150rpx;
				   text-align: center;
				   color: gray;
				   margin: auto;
				   .line{
					   width: 50rpx;
					   height: 8rpx;
					   border-radius: 4rpx;
					   margin: 10rpx auto;
				   }
			   }
			   .act{
				   font-weight: bold;
				   color: black;
				   .line{
					   background-color: #1a4f8a;
				   }
			   }
			   
		   }
		   .list{
			   width: 100%;
			   .itemlist{
				   width: 92%;
				   margin:2rpx auto;
				   display: flex;
				   align-items: center;
				   
				   justify-content: space-between;
				   .left{
					   width: 60%;
					   display: flex;
					   align-items: center;
					   .iconfont{
						   font-size: 40rpx;
						   font-weight: bold;
						   color: #1a4f8a;
						   margin-right: 10rpx;
					   }
					   .contentbox{
						   .name{
							  font-size: 30rpx;
						   }
						   .time{
							   font-size: 26rpx;
							   color: gray;
						   }
					   }
				   }
				   .right{
					   display: flex;
					   align-items: center;
					   .money{
						  
						   font-weight: bold;
					   }
					   .lv{
					   						   color: green;
					   }
					   .orange{
					   						   color: orangered;
					   }
					   .iconfont{
						   color: grey;
					   }
				   }
				   
			   }
			   
		   }
	   }
	   
	   
   }
</style>
